<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>我的博客 - 文章标题</title>
<style>
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f4f4f4;
}

.header {
    background-color: #333;
    color: white;
    text-align: center;
    padding: 1rem;
}

.container {
    max-width: 800px;
    margin: auto;
    padding: 20px;
    background-color: white;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

h1, h2 {
    color: #333;
}

p {
    line-height: 1.6;
}

.footer {
    background-color: #333;
    color: white;
    text-align: center;
    padding: 1rem;
    margin-top: 20px;
}
</style>
</head>
<body>

<div class="header">
    <h1>我的博客</h1>
    <a href="#">首页</a>
    <a href="#">关于我</a>
    <a href="#">所有文章</a>
</div>

<article class="container">
    <h1>文章标题</h1>
    <section>
        <h2>章节一</h2>
        <p>这里是文章的主要内容。可以包含文本、图片、视频等多媒体元素。</p>
    </section>
    <section>
        <h2>章节二</h2>
        <p>更多内容...</p>
    </section>
</article>

<footer class="footer">
    <p>&copy; 2025 我的博客. All rights reserved.</p>
</footer>

</body>
</html>